<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset='utf8'>
</head>
<body>
   <button onclick="add()">加样式</button>
    <hr>
      <ul id="list">
        <li>声声慢·寻寻觅觅</li>
        <li>寻寻觅觅，冷冷清清，凄凄惨惨戚戚。</li>
        <li>乍暖还寒时候，最难将息。</li>
        <li>三杯两盏淡酒，怎敌他、晚来风急？</li>
        <li>雁过也，正伤心，却是旧时相识。</li>
      </ul>

    <li>说曹操曹操到!</li>
</body>
<script>
    function add(){
      var list = document.getElementById('list');

      var lis = list.getElementsByTagName('li');

      // console.log(lis);
      // console.log(lis.length);
      for(var i  =0;i<lis.length;i++)
      {
        lis[i].style.border = '1px solid #f00';
      }

      // for(var i in lis)
      // {
      //   lis[i].style.backgroundColor = "#abcdef";
      //   console.log(i,lis[i]);
      // }
    }
</script>
</html>